﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>音乐播放器</title>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="result/free-red/js/jquery.dragsort-0.5.1.min.js"></script>
<script src="result/free-red/js/pjax.js" type="text/javascript"></script>
<link href="result/free-red/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="result/css/player.css">
<link href="http://libs.baidu.com/fontawesome/4.2.0/css/font-awesome.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div title="返回顶部(或任意位置双击左键)" class="backtop"></div>
<div id="wenkmPlayer">
    <div class="player">
        <div class="infos">
            <div class="songstyle">
              <i class="fa fa-music"></i> 
              <span class="song"></span>
            </div>
            <div class="timestyle">
              <i class="fa fa-clock-o"></i>
              <span class="time">00:00 / 00:00</span>
            </div>
            <div class="artiststyle">
              <i class="fa fa-user"></i>
              <span class="artist"></span>
              <span class="moshi">
              <i class="loop fa fa-random current"></i> 随机播放</span>
            </div>
            <div class="artiststyle"><i class="fa fa-folder"></i>
              <span class="artist1"></span><span class="geci"></span>
            </div>
        </div>
        <div class="control">
            <i class="loop fa fa-retweet" title="顺序播放"></i>
            <i class="prev fa fa-backward" title="上一首"></i>
        <div class="status">
          <b>
            <i class="play fa fa-play" title="播放"></i>
            <i class="pause fa fa-pause" title="暂停"></i>
          </b>
            </div>
            <i class="next fa fa-forward" title="下一首"></i>
            <i class="random fa fa-random current" title="随机播放"></i>
        </div>
        <div class="musicbottom">
            <div class="volume">
                <i class="mute fa fa-volume-off"></i>
                <i class="volumeup fa fa-volume-up"></i>
                <div class="progress">
                    <div class="volume-on ts5">
                        <div class="drag" title="音量"></div>
                    </div>
                </div>
            </div>
            <div class="switch-playlist">
                <i class="fa fa-bars" title="播放列表"></i>
            </div>
            <div class="switch-ksclrc">
                <i class="fa fa-toggle-on" title="关闭歌词"></i>
            </div>
            <div class="switch-default">
                <i class="fa fa-refresh" title="切换默认专辑"></i>
            </div>
        </div>
        <div class="cover"></div>
    </div>
    <div class="playlist">
        <div class="playlist-bd">
            <div class="album-list">
                <div class="musicheader"></div>
                <div class="list"></div>
            </div>
            <div class="song-list">
                <div class="musicheader"><i class="fa fa-angle-right"></i><span></span></div>
                <div class="list">
                    <ul></ul>
                </div>
            </div>
        </div>
    </div>
    <div class="switch-player">
        <i class="fa fa-angle-right" style="margin-top: 20px;"></i>
    </div>
</div>
<div id="wenkmTips"></div>
<div id="wenkmLrc">
    <div class="show" style="background: rgba(70, 82, 90, 0.3) none repeat scroll 0% 0%;" id="wenkmLrc">
    	<ul></ul>
    </div>
</div>
<div id="wenkmKsc"></div>
<div class="myhk_pjax_loading_frame"></div>
<div class="myhk_pjax_loading"></div>
<script language="javascript" src="result/js/mousewheel.js"></script>
<script language="javascript" src="result/js/scrollbar.js"></script>
<script language="javascript" src="result/js/serverplayer.js"></script>
<script type="text/javascript">
setTimeout(function() {
    $player.toggleClass('show');
}, 5000)
setTimeout(function() {
    $player.toggleClass('showAlbumList');
}, 6000)
</script>
<img class="bg-image" src="result/free-red/images/bg/3.jpg" />
<div class="bg-image-pattern"></div>
</body>
</html>
